<template>
  <table class="tg" style="undefined;table-layout: fixed; width: 914px;">
    <colgroup>
      <col style="width: 74px">
      <col style="width: 32px">
      <col style="width: 21px">
      <col style="width: 28px">
      <col style="width: 28px">
      <col style="width: 28px">
      <col style="width: 28px">
      <col style="width: 28px">
      <col style="width: 28px">
      <col style="width: 28px">
      <col style="width: 28px">
      <col style="width: 27px">
      <col style="width: 120px">
      <col style="width: 27px">
      <col style="width: 389px">
    </colgroup>
    <thead>
      <tr>
        <th class="tg-abpy" colspan="15"><span style="font-weight:bold">本旬工作总结</span></th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td class="tg-wo29" colspan="15"><span style="font-weight:bold">任务完成经验总结</span></td>
      </tr>
      <tr>
        <td class="tg-wo29" colspan="3">完成原因分析</td>
        <td class="tg-fzdr" colspan="12">{{(tableDate&&tableDate.completion_reason)||""}}</td>
      </tr>
      <tr>
        <td class="tg-wo29" colspan="15"><span style="font-weight:bold">任务未完成核心指标分析</span></td>
      </tr>
      <tr>
        <td class="tg-wo29" colspan="3">指标名称1</td>
        <td class="tg-fzdr" colspan="12">{{(tableDate&&tableDate.indicator_one)||""}}</td>
      </tr>
      <tr>
        <td class="tg-wo29" colspan="3">指标现状值</td>
        <td class="tg-fzdr" colspan="12">{{(tableDate&&tableDate.indicator_one_complete)||""}}</td>
      </tr>
      <tr>
        <td class="tg-wo29" colspan="3">指标目标值</td>
        <td class="tg-fzdr" colspan="12">{{(tableDate&&tableDate.indicator_one_target)||""}}</td>
      </tr>
      <tr>
        <td class="tg-wo29" colspan="3">差距原因分析</td>
        <td class="tg-fzdr" colspan="12">{{(tableDate&&tableDate.indicator_one_disparity_reason)||""}}</td>
      </tr>
      <tr>
        <td class="tg-wo29" colspan="3">指标名称2</td>
        <td class="tg-fzdr" colspan="12">{{(tableDate&&tableDate.indicator_two)||""}}</td>
      </tr>
      <tr>
        <td class="tg-wo29" colspan="3">指标现状值</td>
        <td class="tg-fzdr" colspan="12">{{(tableDate&&tableDate.indicator_two_complete)||""}}</td>
      </tr>
      <tr>
        <td class="tg-wo29" colspan="3">指标目标值</td>
        <td class="tg-fzdr" colspan="12">{{(tableDate&&tableDate.indicator_two_target)||""}}</td>
      </tr>
      <tr>
        <td class="tg-wo29" colspan="3">差距原因分析</td>
        <td class="tg-fzdr" colspan="12">{{(tableDate&&tableDate.indicator_two_disparity_reason)||""}}</td>
      </tr>
      <tr>
        <td class="tg-abpy" colspan="15"><span style="font-weight:bold">下一旬期重点工作计划</span></td>
      </tr>
      <tr>
        <td class="tg-wo29" colspan="3">基础目标</td>
        <td class="tg-fzdr" colspan="12">{{(tableDate&&tableDate.basic_target)||""}}</td>
      </tr>
      <tr>
        <td class="tg-wo29" colspan="3">冲刺目标</td>
        <td class="tg-fzdr" colspan="12">{{(tableDate&&tableDate.sprint_target)||""}}</td>
      </tr>
      <tr>
        <td class="tg-wo29" colspan="3">关键任务1</td>
        <td class="tg-fzdr" colspan="12">{{(tableDate&&tableDate.task_one)||""}}</td>
      </tr>
      <tr>
        <td class="tg-wo29" colspan="3">完成时间</td>
        <td class="tg-fzdr" colspan="12">{{(tableDate&&tableDate.task_one_complete_time)||""}}</td>
      </tr>
      <tr>
        <td class="tg-wo29" colspan="3">关键任务2</td>
        <td class="tg-fzdr" colspan="12">{{(tableDate&&tableDate.task_two)||""}}</td>
      </tr>
      <tr>
        <td class="tg-wo29" colspan="3">完成时间</td>
        <td class="tg-fzdr" colspan="12">{{(tableDate&&tableDate.task_two_complete_time)||""}}</td>
      </tr>
      <tr>
        <td class="tg-pmnr" colspan="15"><span style="font-weight:bold">需要协调事项</span></td>
      </tr>
      <tr>
        <td class="tg-wo29" colspan="15">{{(tableDate&&tableDate.remark)||"无"}}</td>
      </tr>
    </tbody>
  </table>
</template>
<script>
  export default {
    props: {
      tableDate: {
        require: true,
        default: () => { }
      }
    },
    watch: {
      tableDate: {
        handler() { },
        deep: true
      }
    }
  }
</script>
<style scoped>
  .tg {
    border-collapse: collapse;
    border-spacing: 0;
  }

  .tg td {
    border-color: black;
    border-style: solid;
    border-width: 1px;
    font-family: Arial, sans-serif;
    font-size: 14px;
    overflow: hidden;
    padding: 10px 5px;
    word-break: normal;
  }

  .tg th {
    border-color: black;
    border-style: solid;
    border-width: 1px;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    overflow: hidden;
    padding: 10px 5px;
    word-break: normal;
  }

  .tg .tg-abpy {
    background-color: #efefef;
    border-color: #c0c0c0;
    font-size: 15px;
    text-align: center;
    vertical-align: top
  }

  .tg .tg-wo29 {
    border-color: #c0c0c0;
    text-align: left;
    vertical-align: top
  }

  .tg .tg-fzdr {
    border-color: #c0c0c0;
    text-align: center;
    vertical-align: top
  }

  .tg .tg-pmnr {
    background-color: #efefef;
    border-color: #c0c0c0;
    font-size: 16px;
    text-align: center;
    vertical-align: top
  }
</style>